import { ElMessage } from 'element-plus'

const HelloWorld = defineComponent({
  setup() {
    const message = 'Hello, JSX!'
    const handleClick = () => {
      ElMessage.success('Button clicked!')
    }
    return () => (
      <div>
        <h4>{message}</h4>
        <el-button onClick={handleClick}>Click Me</el-button>
      </div>
    )
  }
})

export default HelloWorld
